html
{
  height: 100%;
}

body
{
  height:100%;
  min-width: 800px;
  min-height: 700px;
}

div.container
{
    height: 100%;
    width: 100%;
}

div.header
{
    height: 15%;
    width: 100%;
    background-color: #787878;
}

div.menuAndContentContainer
{
    height: 100%;
    /*overflow: auto;*/
}

.column   /*grupp nimega column. Liikmed on menu ja content*/
{
      float: left;
      /*padding: 10px;*/
}
   #menu
   {
      width: 20%;
      min-height: 100%;
      /*margin-right: 10px;*/
      background-color: #00AFEA;
   }
   #content
   {
      width: 80%;
      min-height: 100%;
      /*margin-right: 10px;*/
      background-color: #A6E2FF;
   }

/*div.menu
{
   background-color: #00AFEA;
   height: 70%;
   width: 20%;
   float: left;
}

div.content
{
  background-color: #A6E2FF;
  height: 70%;
  width: 78%;
  float: left;
  padding-left: 2%;
}*/

div.footer
{
    height: 5%;
    width: 100%;
    background-color: #787878;
    clear:both;
    text-align: center;
}

h2.menuHeader
{
  padding-left: 3%;
}

div.menuElement
{
   padding-bottom: 10px;
   padding-left: 3%;
}

a.menuLink
{
  font-weight: bold;
  color: #003F53;
}

div.menuElement:hover
{
   background-color: #99CCFF;
}